<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*首页样式*/
.inside-more{ line-height:1; display:inline-block; vertical-align:middle; background:#fff; font-size:18px; border:1px solid #5e5e5e; padding:14px 50px; margin-top:50px;}
.inside-more:hover{background:#013686;color:#fff;}
a.inside-more2:link,a.inside-more2:visited{line-height:1; display:inline-block; vertical-align:middle; background:#f08300;border-radius: 30px; color:#fff; font-size:14px;
  padding:14px 60px;}
a.inside-more2:hover{background:#2b2b2b;color:#fff;}

.indexTitle{padding: 0px 0;text-align: center; width: 100%;}
.indexTitle h4{ font-size: 36px;color: #000; line-height:55px;}
.indexTitle span{ margin-top: 15px; font-size: 18px; color: #9e9e9e;}
.indexTitle em{margin:10px auto;width: 60px;height: 2px;background:#f08300;display: inherit;}

#index .contents .company{padding-left:20px;}
#index .contents .company::before{width:2px;height:38px; background:#f08300;position:absolute; top:5px;left:0; z-index:2; content:''; }
#index .contents .company h4{ color:#161616;font-size:30px; }
#index .contents .company span{ width:100%; line-height:28px;font-size:14px; color:#afafaf;}

#index .contents .tcompany2{text-transform: uppercase; width:100%; color:#333;font-size:40px; 
	font-weight:300;margin-top:20px;}
#index .contents .ttitle2{ width:100%; line-height:1.4;font-size: 40px; color:#333;}


#index{background:#f7f7f7;}
#index .one{ width:100%; background:#fff; position:relative;padding:80px 0; }
#index .one .cw1400{ position:relative; z-index:3; padding:60px 0;}
#index .one .ites{ width:100%; margin-top:40px;}
#index .one .ites .slide{width:20%;display: flex;}
#index .one .ites .slide i{padding:2% 5%; font-size:28px;color:#f08300;}
#index .one .ites .slide .txt1{ color:#013686; word-wrap:break-word;}
#index .one .ites .slide .txt1 span{font-size:36px; color:#000;}
#index .one .ites .slide .txt2{color:#999999;font-size: 14px;}

#index .one .cw1400 .contents{ width:50%;}
#index .one .cw1400 .contents .title{position: relative;border-bottom:3px #f8f8f8 solid;
 font-size: 30px;color:#272727;padding:0px 0 20px;font-weight: 700; }
#index .one .cw1400 .contents .title:before{position: absolute;content:' ';width:70px;height:2px;
	background:#f08300;bottom:-3px; }
#index .one .cw1400 .contents .picp{display: none;}
#index .one .cw1400 .contents .brief{font-size: 14px; width:100%; line-height:2; color:#666666; margin:30px auto;}
#index .one .cw1400 .picpath{ width:48%;}
/**/
.ind_teshow{clear: both;position: relative;font-size: 16px;text-align: center;}
.ind_teshow .tprev4,.ind_teshow .tnext4{width:40px;height: 70px;display: inline-block;cursor: pointer;
    bottom: 40%; z-index: 9; transition: 0.5s;}
.ind_teshow .tnext4{right:-40px; background: url(../images/next3.png) no-repeat center 20px;}  
.ind_teshow .tprev4{left:-40px;background: url(../images/prev3.png) no-repeat center 20px;}
.ind_teshow .swiper-thumbs{width: 100%;border-bottom:1px #eeeeee solid;}

.indshow_t{font-size:16px;line-height:50px;color: #666;}
.ind_teshow .tprev4:hover,.ind_teshow .tnext4:hover{background-position:center -40px;}
.indshow_t .swiper-slide-thumb-active{ color: #f08300;border-bottom:1px #f08300 solid;}
.indshow_t .swiper-slide-thumb-active a{ color: #f08300;}

#sgallery{width: 100%; overflow: hidden; margin:0 auto;}
.show_c ul{width: 100%; overflow: hidden; margin:20px auto 0;display: flex;white-space:nowrap;}
.show_c li{float: left;width:23%; margin:10px 1%;position: relative;transition: .5s;}
.show_c li .porTbox{position: relative; width: 100%;height:auto;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.show_c li .porTbox img{max-width: 100%;object-fit: cover; display: block;transition: .5s;}
.show_c li span{display: block;height: 45px;line-height:45px;padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.show_c li  a{display: block;color: #666666;font-size: 16px;}
.show_c li:hover a{color: #f08300;}
.show_c li:hover{box-shadow: 0 0 10px #ccc;}
.show_c li:hover img{transform: scale(1.1);}
.show_c li:hover span{background:#fff;}

.showBox {position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all 0.5s ease;}
.showBoxLink {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:1rem;padding:0.5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.showBoxLink::before {content:'';position:absolute;top:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}
.showBoxLink::after {content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}

.show_c li:hover .showBox,.case_c .swiper-slide:hover .showBox { opacity:1; } 
.show_c li:hover .showBoxLink::before,.case_c .swiper-slide:hover .showBoxLink::before{ width:1rem; }
.show_c li:hover .showBoxLink::after,.case_c .swiper-slide:hover .showBoxLink::after{ width:1rem; }
/**/

/**/
#index .thr{ width:100%; background:#fff; padding:80px 0;}
#index .thr .contents{width:27%;}
#index .thr .contents .desc{padding-left:20px; margin:40px auto; font-size: 18px;line-height: 26px;color:#424242;}
#index .thr .contents .desc span{display: block;padding-top: 10px; font-size: 12px;color:#bcbcbc;line-height:20px;}
#index .thr .contents .dmore{padding:30px 0 0 20px;}

#index .thr .contfr{width:66%;}
#index .thr .contfr ul{width:100%;display: flex;justify-content: space-between;}
#index .thr .contfr li{float:left;width:33.2%;text-align: center;}
#index .thr .contfr li .Ipic{display: none;}
#index .thr .contfr li .Imgg{width: 100%;overflow: hidden;}
#index .thr .contfr li .Imgg img{width: 100%;transition: 0.5s;}
#index .thr .contfr li a{width: 100%;height: 100%;color:#fff;} 
#index .thr .contfr li .desc{position:absolute; content:'';width:100%;height:100%;bottom:0;
background:rgba(0,0,0,.7);} 
#index .thr .contfr li .desc .twx{transition: transform .2s ease;display: flex;flex-direction: column;padding:70px 45px 0; line-height:30px;color:#fff;}
#index .thr .contfr li .desc .twx em a{display:inline-block;margin:0 auto;width: 120px; height: 30px;border-radius: 30px; border:1px #fff solid;}
#index .thr .contfr li .desc .twx strong{font-size: 24px;font-weight:600;}
#index .thr .contfr li .desc .twx p{ font-size: 14px; line-height:25px;height: 80px;margin-top:20px;}
#index .thr .contfr li:hover .Imgg img{transform: scale(1.2);}
#index .thr .contfr li:hover .desc{background:rgba(240,131,0,.7); }
#index .thr .contfr li:hover .desc .twx em a{background:#fff;color:#f08300;}

/**/
#index .four{ padding:80px 0;}
#index .four .contents{ width:20%;}
#index .four .news_menu .swiper-wrapper{display: flex;flex-direction: column;margin-top:60px;}

#index .four .indnews_tab{margin-bottom:20px;}
#index .four .indnews_tab a{color: #666;display: block;font-size: 18px;position: relative;height:40px;line-height: 40px;}
#index .four .indnews_tab a:before{position: absolute;content:'';width:70px;height:2px;background:none;bottom:0;}

#index .four .news_menu .indnews_tab.swiper-slide-thumb-active,
#index .four .news_menu .indnews_tab.swiper-slide-thumb-active a{color:#f08300;}
#index .four .indnews_tab.swiper-slide-thumb-active a:before{background:#f08300;}

#index .four .ind_news{float:right; width:80%; overflow: hidden;}

#index .four .ind_nc{position: relative;width:100%;margin-top: 0px;}
#index .four .ind_nc ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
#index .four .ind_nc li{float:left;width:48.5%;margin-bottom:35px;box-sizing: border-box;}
#index .four .ind_nc li a{display: block; color:#999;font-size: 14px;background:#ffffff;padding:25px 25px;}
#index .four .ind_nc .item{width: 100%; box-sizing: border-box;transition: all .2s linear;}
#index .four .ind_nc .item .time{ font-size:18px;}
#index .four .ind_nc .item .tit{display: block; padding:5px 0px;color:#333; font-size:18px;font-weight: normal;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;
    line-height:40px;}
#index .four .ind_nc .item .des{font-weight: normal;display: -webkit-box;line-height:20px;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#index .four .ind_nc .item .Imore{margin:10px 0px 0; display: inline-block;
    box-sizing: border-box;background: #FFFFFF;border: 1px solid #ffffff;transition: 0.2s linear;}
#index .four .ind_nc .item .Iline{position: relative;margin-top:0px;width: 100%;height:0px;background: #e5e5e5;}
#index .four .ind_nc .item .Iline:after{content: "";position: absolute;left: 0;top: 0;width: 0;height:2px;background:#f08300;transition: width 0.2s linear;}
#index .four .ind_nc .item:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.32);}
#index .four .ind_nc .item:hover .Iline:after{width: 100%;}
#index .four .ind_nc .item:hover .tit{color:#f08300;}

/*5优势*/
#index .business{background:#fff;}
#index .business-banner {height:875px;margin-top:40px;}
.business-banner .com-banner-title-content {width: 100%; bottom:0;height:100%; font-size: 20px;}
.business-list-pc {display:flex;height:100%;font-size:20px;}

.business-list-pc .item {flex:1;border-left:1px rgba(255,255,255,.2) solid;}
.business-list-pc .item:first-child {border-left:none;}
.business-list-pc .wirap {width:100%;overflow:hidden;height: 100%;}
.business-list-pc .item .top-half{height: 100%; display:flex;flex-direction:column;align-items:center;justify-content:center;}
.business-list-pc .item .bottom-half {height: 100%; display:flex;flex-direction:column;align-items:center;justify-content:center;
	opacity:0; transform:translateX(-100%); -webkit-transform:translateX(-100%);transition:all 0.5s; -webkit-transition:all 0.5s;}
.business-list-pc .item .field-item-pic {left:0;top:0;right:0;bottom:0;width:100%;margin-bottom:20px;
	display: flex;align-items: center;justify-content: center;}
/*.business-list-pc .item .field-item-content {max-width:40px;z-index: 2;}*/
/*.business-list-pc .item .circle {width:6em;height: 6em; max-width:none;left:50%;top:50%;
	transform:translate(-50%,-50%) scale(.8);}*/
.business-list-pc .item .circle-active { opacity:0;left:0; top:-50%;}
.business-list-pc .item .desc {font-size: 14px;line-height:42px; margin-bottom:50px;}
.business-list-pc .item .view {border:1px #fff solid;font-size: 14px;}
.business-list-pc .item .field-item-title{font-size: 24px; line-height:40px;}
.business-list-pc .item .field-item-titleen{font-size: 24px; line-height:40px;margin:30px auto 20px;}

.business-list-pc .item:hover {flex:2.5;}
.business-list-pc .item:hover .top-half{/*height: 0;transition-delay:0.3s;opacity: 0;*/ display: none;}
.business-list-pc .item:hover .bottom-half {transition-delay:0.5s; -webkit-transition-delay:0.5s;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 transform:translateX(0);-webkit-transform:translateX(0);opacity: 1;}
.business-list-pc .item:hover .desc {width:70%;height:auto;margin-top:20px;line-height:1.75;transform:scale(1);}
.business-list-pc .item:hover .view {height:auto;transform:scale(1);padding:10px 50px;color:#fff;}
.business-list-pc .item:hover .circle-active {opacity:1;transition:0.5s;top:0;}
/*.business-list-pc .item:hover .field-item-content{opacity:0;transition:0.3s;bottom:0;}*/

/*5优势wap*/
#index .com-banner {display:none; height:45em;margin-top:20px;}
.business-list-mo {height:100%;}
.business-swiper {height:100%;color:#fff;}
.business-swiper .item {display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;}
.business-swiper .item .field-item-pic {left:0;top:0;right:0;bottom:0;width:100%;height:110px;margin-bottom:0px;
	display: flex;align-items: center;justify-content: center;}
/*.business-swiper .item .field-item-pic::before{position: absolute;content: '';background:#fff;width:110px;height:110px;border-radius: 50%; }	
*/
.business-swiper .item .circle {opacity:0;}
.business-swiper .item .circle-active {width:15em;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);opacity:1;}
.business-swiper .item .field-item-title {font-size:20px;}

.business-swiper .item .desc {width:80%;margin-top:2em;font-size:16px;line-height:30px;}
.business-swiper .item .view {font-size:14px; margin-top:2em;color:#fff;border:1px #fff solid;padding:15px 40px;}
.business-swiper .item .view span {font-size:1.2em;}
.business-swiper .item .view .icon {width:3.5em;height:3.5em;margin-left:2em;border:1px solid #fff;border-radius:50%;}
.business-swiper .item .view .icon .arrow {font-size:2em;}
.business-swiper {height:100%;}
.business-swiper .item .view .icon { width: 2.5em; height: 2.5em; }
.business-swiper .item .view .icon .arrow { font-size: 1.5em; }
.business-list-mo .item .mo-bg {z-index:-1;width: 100%;height: 100%;object-fit: cover;}
.business-swiper .swiper-pagetion{}

/*产品*/
#index .indprobg{padding:80px 0;overflow: hidden;}
#index .indprobg .contents{ width:100%;}
#index .indprobg .contents .dmore{position: absolute;right:0;top:40%;font-size:14px;color:#848484;}
#index .indprobg .contents .dmore:hover{color:#f08300;}

.product_list {width: 100%;display: flex;flex-flow: row wrap;align-items: center;}
.product_list li { transition:0.5s; position:relative;margin:20px 0;}
.product_list li .pInner {overflow: hidden;background-color: #ffffff;
    box-shadow: 2px 3px 8px 0px rgba(9, 16, 35, 0.1);}
.product_list li .IMG {border-bottom:0;height: 100%;background:#ffffff;
  display:flex; align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}
.product_list li .IMG img {width: 100%;height: 100%; transition:0.5s;}
.product_list li:hover .IMG img {transform:scale(1.1);}
.product_list li .div2{position:relative;border-bottom:0px #e5e5e5 solid; overflow:hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_list li .div2 p{display: block; position:relative; font-size:18px;line-height:60px; padding:0px 2%;transition:all 0.5s ease;}
.product_list li .div2 p span{float: left;width: 80%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_list li .div2 i{color:#fff; font-size:18px;border-radius: 50%;width: 30px;height: 30px;
	background:#efefef;line-height: 30px;margin-top: 15px;text-align: center;}
.product_list li .div2:before{content:''; display:block; position:absolute; width:0; height:100%; bottom:0px; left:0px; background:#f08300; transition:all 0.3s ease;}
.product_list li .pInner:hover .div2:before{width: 100%;transition: 0.5s;}
.product_list li .pInner:hover .div2 p{padding:0 5%;}
.product_list li .pInner:hover .div2 a,.product_list li:hover .div2{ color:#fff;}
.product_list li .pInner:hover{box-shadow: 0 0 10px #666}
.product_list li .pInner:hover .div2 i{background:#fff;color:#f08300;}

/**/
#index .indban{background: url(../images/indban.jpg) no-repeat center / cover; }
.mysleft { width: 55%; float: left; padding:0px 0 0; color: #ffffff; }
.mysright {width: 40%;float: right;padding:0px 0 0;text-align: center;}
.mysright img {max-width: 100%; border: 0;height: auto;}
.mysleft .mline { width:95px; height: 2px; background-color: #555; margin:30px 0; }
.mystitle h4 {margin-top:50px; font-size:34px;}
.mystitle { color: #ffffff; line-height: 1.5; }
.mystitle h4 b {color:#f08300;font-weight: 600;}
.mysleft ul { overflow: hidden; margin:30px 20% 0 0; }
.mysleft li { float: left; margin-right: 5%;color:#a0a0a0;font-weight: 600;
 background: url(../images/diano.png) no-repeat left center; text-indent: 20px; font-size: 20px; 
 line-height: 25px; padding: 10px 0;}
.mysleft .mysfltel{background:url(../images/indtel.png) no-repeat 0 0;padding-left:70px;font-size: 14px;} 
.mysleft .mysfltel strong{display: block;font-size: 24px;}
.mysleft .myIg{display: none;}
.mysleft .myIg img{max-width: 400px; width: 80%;}

/**/
.serv{ clear: both;font-size:16px;padding-top:80px;background:#ffffff;overflow: hidden;}
.mySwipersmall {width:100%;margin:50px auto 40px; box-sizing: border-box;
	height:90px;color: #333;line-height:30px;}
.mySwipersmall .indswiper_items{float: left;padding:10px 0 0 30px;box-sizing: border-box;
	position: relative;border-left:1px #e5e5e5 solid;cursor: pointer; }
.mySwipersmall .indswiper_items:first-child{border-left:0;}
.mySwipersmall .indswiper_items em{float:left; width:45px;height:45px;overflow: hidden;}
.mySwipersmall .indswiper_items em img{display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.mySwipersmall .indswiper_items .twx{float:right;width:calc(100% - 60px); color:#9c9c9c;font-size: 12px;}
.mySwipersmall .indswiper_items .twx b{display: block;font-weight:600; color:#333;font-size:24px;}
.mySwipersmall .indswiper_items.swiper-slide-thumb-active,
.mySwipersmall .indswiper_items.swiper-slide-thumb-active a{color:#f08300;}
.mySwipersmall .indswiper_items.swiper-slide-thumb-active em img{margin-top:-45px;}
.mySwipersmall .indswiper_items.swiper-slide-thumb-active .twx b{color:#f08300;}

.mySwiper2 {width:100%;}
.serv_c {padding-top:0px;height:750px;}
.serv_c .Imgg{display: flex;align-items: center; justify-content: center;height: 100%; width: 100%; overflow: hidden;}
.serv_c img{height:100%;object-fit: cover;}
.serv_c .dtxt{position: absolute;width:48%;height:750px;box-sizing:border-box;left: 0;bottom:0px; 
    background:rgba(246,246,246,.8);color: #666666;
    display: flex;align-items:flex-start;flex-direction:column;justify-content:center;}
.serv_c .dtxt .neiy{width:70%; margin:0 auto;line-height: 1.2;font-size:16px;}
.serv_c .dtxt .titnum{display: block;font-size: 100px;font-weight:600; color:#b3b3b4;margin-bottom:20px;}
.serv_c .dtxt .tit1{display: block;font-size: 36px;line-height:53px;color: #f18509;}
.serv_c .dtxt .tit2{color:#999999; text-transform:capitalize; }
.serv_c .dtxt .tit3{color:#666; line-height:42px;padding:30px 0 80px;}

.btn12{font-size:14px;color:#999; border:1px solid #e5e5e5;padding:8px 40px; text-align: center;background:#ffffff;}
.btn12:hover{ color:#fff;background:#f08300;}

/*流程*/
.process{width: 100%;padding:80px 0 100px; background:url(../images/liucbg.jpg) top center no-repeat;}

.process_b{width: 100%; padding-top:60px;}
.process_b li{float:left; width:calc((100% - 6px) / 6);margin-right: 1px; box-sizing:border-box; padding:40px 10px 75px 10px; background: #fff; box-sizing: border-box;
	text-align: center;line-height: 26px; font-size: 14px;color: #777; position: relative; overflow: hidden;}
.process_b li:after{display: block; content: " "; left: 0;top: 0; width: 0;height: 100%;background: #f08300;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; position: absolute;}
.process_b li:hover:after{width: 100%;}
.process_b li p{font-size:16px;font-weight:normal;color: #222;padding:20px 0; position: relative; z-index: 2;}
.process_b li p:before{position:absolute;content:' '; bottom:0;width:80px;height: 1px;background:#f5f5f5;left:50%;transform: translateX(-50%);}
.process_b li .img{width:70px;height: 70px;line-height: 70px; background: #fff; margin: 0 auto; border-radius: 50%;overflow: hidden; position: relative; z-index: 2;}
.process_b li .img img{ transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.process_b li i{ display: block;font-style: normal;font-size:70px;color: #e5e5e5;position: absolute;left: 0;right: 0;
	margin: 0 auto;text-align: center;bottom: -20px; font-family: "impact"; line-height:60px; z-index: 2;transition:all 0.5s linear;
	 -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.process_b li span{width: 75px;height:0; }
/*.process_b li:nth-of-type(2n){ background: #f1f1f1;}*/
.process_b li:hover i{ color: #fff; opacity: 0.8;}
.process_b li:hover .img img{transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.process_b li:hover p{color:#ffffff;}
.process .tel{display: none; margin-top:50px; background: url(../images/telbg.png) no-repeat center 0;padding-left: 60px; height: 39px; line-height: 39px;font-size: 14px;text-align: center;}
.process .tel strong{color:#dd1e3b;font-size: 21px;}
.process .tel span{font-size: 21px;}

 @media screen and (min-width: 768px) and (max-width: 1920px){
	.indshow_t .swiper-slide { display: inline-block;width: 150px!important;}
 }

@media screen and (max-width:1400px) {

	
	#index .one .cw1400 .contents .brief{margin-top: 20px;}
	#index .one .ites{margin-top: 40px;}
	.ind_teshow .tprev4,.ind_teshow .tnext4{display: none;}

}
@media screen and (max-width:1340px) {
    .business-banner .com-banner-title-content { font-size: 18px; }
    


}

@media screen and (max-width:1300px){
	
	#index .thr .contents .desc{font-size: 14px;}
	#index .thr .contents .dmore{padding-top:20px;}
	.mysleft {width: 60%;}

	.mySwipersmall .indswiper_items{padding-left:20px;}


}

@media screen and (max-width:1199px) {
	.inside-more{font-size: 16px;padding: 10px 40px;margin-top:30px;}
	a.inside-more2:link, a.inside-more2:visited{padding: 14px 30px;}

	.indexTitle h4{ font-size: 32px;line-height: 45px;}
	.indexTitle span{ font-size:16px;}

	#index .contents .company h4{font-size: 26px;}
	#index .contents .tcompany2{font-size:36px;}
	#index .contents .ttitle2{font-size:36px;}

	#index .thr{padding:60px 0;}
	#index .thr .contents{width:20%;}
	#index .thr .contfr{width:76%;}
	#index .thr .contents .desc{margin:20px auto;}
	#index .thr .contents .dmore{padding-top:0px;}
	#index .thr .contfr li .desc .twx p{height: 100px;}

	#index .indprobg{padding:60px 0;}

	.mysleft{width: 65%;}
	.mysright{width: 35%;}
	.mystitle h4{font-size:30px;}
	.mysleft ul{margin: 15px 20% 0 0;}
	.mysleft li{font-size: 18px;}
	.mysleft .mline{margin:20px 0;}

	.serv{padding-top:60px;}

	.mySwipersmall{height: auto;margin:30px auto 20px;}
	.mySwipersmall .indswiper_items{padding:0; display:flex;flex-direction:column;text-align: center;}
	.mySwipersmall .indswiper_items em{margin:0 auto;}
	.mySwipersmall .indswiper_items .twx{width: 100%;padding:0;}
	.mySwipersmall .indswiper_items .twx b{font-size:20px;}
	.serv_c .dtxt .titnum{font-size: 80px;}
	.serv_c .dtxt .tit1{font-size: 32px;}
	
	.process{padding:60px 0 100px;}
	.process_b{padding-top: 40px;}
	.process_b li{padding:20px 0 55px;}
	.process_b li p{font-size: 14px;}
	
	#index .one{padding:60px 0;}
	#index .one .cw1400{padding:60px 0;}
	#index .one .cw1400 .contents .title{font-size: 26px;}
	#index .one .ites .slide .txt1 span{font-size:32px;}

	#index .four{ padding:60px 0;}



}

@media screen and (max-width:991px) {
	a.inside-more2:link, a.inside-more2:visited{padding:10px 35px;}
	.inside-title{ font-size:30px;}
	.inside-more{font-size: 16px;padding: 14px 50px;}
	.indexTitle h4{font-size:28px;}
	.indexTitle span{font-size: 14px;}
	#index .contents .tcompany2{font-size:32px;}
	#index .contents .ttitle2{font-size:32px;}

	#index .thr{padding:40px 0;}
	#index .thr .contents .company{float: left;padding-left:10px;}
	#index .thr .contents .dmore{float: right;}
	#index .thr .contents .desc{display: none;}
	#index .thr .contents{width: 100%;}
	#index .thr .contfr{width: 100%;margin-top:20px;}
	#index .business {padding-top: 30px;}

	.mysleft{width: 70%;}
	.mysright{width: 30%;}
	.mystitle h4{font-size:26px;margin-top: 20px;}
	.mysleft li{font-size: 14px;padding:5px 0;}
	.mysleft .mline{margin:10px 0;}

	#index .indprobg{padding:40px 0;}
	.serv{padding-top:40px;}
	.mySwipersmall .indswiper_items .twx b{font-size:18px;}
	.mySwipersmall .indswiper_items .twx span{display: none;}
	.serv_c{height: 650px;}
	.serv_c .dtxt{width:58%;height: 650px;}
	.serv_c .dtxt .tit1{font-size: 28px;}
	.serv_c .dtxt .tit3{padding:30px 0 50px;}

	.process{padding:40px 0 60px;}
	.process_b li{width:calc((100% - 3px) / 3);margin-bottom:20px;padding:20px 10px 55px 10px;}
	.process_b li p{padding:0px 0 10px;}
	.process_b li i{font-size: 60px;}

	#index .one{padding:40px 0;}
	#index .one .ites .slide {flex-direction:column;align-items: center;justify-content: center;}
	#index .one .ites .slide .txtd{text-align: center;}
	#index .one .ites .slide i{padding:0;}

	#index .one .cw1400 .contents{ width:100%;}
	#index .one .cw1400 .contents .title{font-size: 22px;}
	#index .one .cw1400 .contents .picp{display:block;margin-top: 15px;}
	#index .one .cw1400 .contents .brief{ margin-top:24px;}
	#index .one .cw1400 .picpath{ display:none;}
	#index .one .cw1400{ padding:40px 0 0;}

	.ind_teshow .indtitle{float: none;text-align: center;}
	.ind_teshow .swiper-thumbs{width: 100%;margin:30px auto 0;}
	.indshow_t.swiper-wrapper{width: 100%;}
	.indshow_t .swiper-slide{width:auto;}

	#index .four{ padding:40px 0;}
	
	#index .business-banner {display:none;}
    #index .com-banner {display:block;}
    .business-banner .com-banner-title-content {height: 100%;}

}

@media screen and (max-width:767px){

	#index .thr .contents .dmore{display: none;}
	#index .contents .company{padding-left: 10px;}
	#index .contents .company h4{font-size: 22px;}

	#index .contents .tcompany2{font-size: 28px;}
	#index .contents .ttitle2{font-size: 28px;}

	.indexTitle h4{font-size:24px;line-height: 30px;}

	.indban {background-size: cover;}
	.mystitle h4{font-size: 22px;}
	.mysleft {width: 100%;text-align: center;}
	.mysleft .myIg{display: block;}
	.mysright{display:none;}
	.mysleft ul{margin:15px 3%;display: flex;justify-content: center;flex-wrap: wrap;}
	.mysleft .mline{display: none;}
	.mysleft .mysfltel{text-align: left;margin:20px;}

	#index .thr{padding:20px 0;}
	#index .thr .contfr{margin-top: 20px;}
	#index .thr .contfr li .desc .twx{padding:50px 20px 0;}
	/*#index .thr .contfr ul{flex-wrap:wrap;}
	#index .thr .contfr li{width: 100%;}
	#index .thr .contfr li .Imgg img{width: 100%;}*/
	
	.mySwipersmall .indswiper_items .twx b{font-size:16px;padding:0 15%;line-height: 25px;}
	.serv_c{height:35rem;}
	.serv_c .dtxt{ width:100%;height:25rem;}
	.serv_c .dtxt .neiy{font-size: 14px;width: 90%;line-height:30px;}
	.serv_c .dtxt .titnum{font-size:40px;margin-bottom: 0;line-height: 1;}
	.serv_c .dtxt .tit1{font-size:24px;line-height:30px;}
	.serv_c .dtxt .tit3{padding:0px 0 20px;line-height: 26px;}
	.btn12{display: none;}

	.process_b li{margin-bottom:10px;}
	.process_b li i{font-size: 50px;}
	
	#index .one .cw1400 .contents .title{font-size:18px;padding-bottom: 5px;}
		
	#index .one .cw1400 .contents .brief{font-size: 14px;margin-top:14px;}
	#index .one .ites{margin-top: 0px; display: flex;display: flex; flex-wrap: wrap;justify-content: center;}
	#index .one .ites .slide{width:33%;margin-top:15px;}
	#index .one .ites .slide .txt1 span{font-size: 24px;}
	.show_c ul{flex-wrap:wrap;}
	.show_c li{width: 48%;}

	#index .four .contents{width: 100%;}
	#index .four .ind_news{width: 100%;}
	#index .four .news_menu .swiper-wrapper{margin-top:15px;flex-direction:row;justify-content:flex-start;}
	#index .four .indnews_tab{width:25% !important;}
	#index .four .ind_nc{margin-top:0;}
	#index .four .ind_nc li{width: 100%;margin-bottom:20px;}
    .com-banner-title-content {bottom:3em;}
    .business-swiper .item .view span{font-size: 0.9em;}

}
@media screen and (max-width:680px) {
	#index .thr .contfr li .Imgg{display: none;}
	#index .thr .contfr li{width: 30%;}
	#index .thr .contfr li .desc .twx{color:#333;}
	#index .thr .contfr li .desc{position: relative;background: none;}
	#index .thr .contfr li .desc .twx{padding:5px;}
	#index .thr .contfr li .desc .twx strong{font-size:16px; }
	#index .thr .contfr li .desc .twx p{margin-top: 0;height: auto;}
	#index .thr .contfr li .desc .twx em{display: none;}
	#index .thr .contfr li:hover .desc{background:none;}
	#index .thr .contfr li .Ipic{display: block;margin:0 auto; width: 100px;height: 100px;line-height: 100px;border-radius: 50%;background-color: #f08300;}
	.product_list li{margin:10px 0;}
	.product_list li .div2 p{font-size:14px;line-height:40px; padding:0px 2%;}
	.product_list li .div2 i{font-size:14px;width: 20px;height: 20px;line-height: 20px;margin-top: 10px;}
	

}

/*@media (max-width:480px) {
	

	#index .one .ites{margin-top: 20px;}
    #index .one .ites .slide .txt1 span{font-size:26px;}
    #index .one .ites .slide .txt2{font-size: 12px;}
	.inside-more{padding:10px 40px;}
	.business-swiper .item .desc{font-size: 14px;line-height: 20px;}
   
}
*/</pre></body></html>